<div class="control-group">
  <label for="show">Show component condition</label>
  <input id="show" name="show" type="text" placeholder="an valid expression" value="{$show|default:'true'}"/>
</div>

<div class="control-group">
  <label for="id">Input's id</label>
  <input id="id" name="id" type="text" placeholder="some_id" value="{$id|default:''}" />
</div>

<div class="control-group">
  <label for="table_class">Table custom class</label>
  <input id="table_class" name="table_class" type="text" placeholder="table-stripped" value="{$table_class|default:''}" />
</div>

<div class="control-group">
  <label for="headers">Headers</label>
  <input id="headers" name="headers" type="text" placeholder="firstname|surname|age" value="{$headers|default:''}" />
</div>

<div class="control-group">
  <label for="from">Data to iterate</label>
  <input id="from" name="from" type="text" placeholder="Variable without braces" value="{$from|default:''}" />
</div>

<div class="control-group">
  <label for="item">Item identifier</label>
  <input id="item" name="item" type="text" placeholder="Valid variable name" value="{$item|default:''}" />
</div>

<div class="control-group">
  <label for="contents">Contents</label>
  <input id="contents" name="contents" type="text" placeholder="{literal}{$item->firstname}|{$item->lastname}|{$item->age()}{/literal}" value="{$contents|default:''}" />
</div>